<div class="panel panel-default" ng-controller="BsShiftDetailCtrl">
	<div class="panel-heading">
		跨城巴士 / 发班计划 / 班次号：{{shift.shiftNo}} <span
			style="float: right; margin-top: -7px; height: 0px">
			<button type="submit" class="btn m-b-xs w-xs btn-info"
				ui-sref="app.bus.shift()">返回</button>
		</span>
	</div>
	<div class="row wrapper m-n">
		<div class="col-lg-12">
			<div class="panel panel-default">
				<div class="panel-body">班次详细</div>
			</div>
			<div class="table-responsive" style="margin-top: -20px">
				<table class="table table-striped b-t b-light">
					<tbody>
						<tr>
							<td>班次号：{{shift.shiftNo}}</td>
							<td>班次状态：{{shift.status | busShiftFilter}} </td>
							<td>线路名：{{shift.routeName}}</td>
						</tr>
						<tr>
							<td>发班日期：{{shift.departDate | date : 'yyyy-MM-dd'}}</td>
							<td>始发城市：{{shift.fromCity}}</td>
							<td>终点城市：{{shift.toCity}}</td>
						</tr>
						<tr>
							<td>发班时间：{{shift.departTime | date : 'HH:mm:ss'}}</td>
							<td>始发站：{{shift.fromAddr}}</td>
							<td>终点站：{{shift.toAddr}}</td>
						</tr>
						<tr>
							<td>最低票价：{{shift.priceMin | number:2}}</td>
							<td>最高票价：{{shift.priceMax | number:2}}</td>
							<td>是否暂停： <span ng-if="shift.paused">是</span> <span
								ng-if="!shift.paused">否</span>
							</td>
						</tr>
						<tr>
							<td>总票数：{{shift.tickets}}</td>
							<td>已售票数：{{shift.ticketSold}}</td>
							<td>余票数：{{shift.ticketFree}}</td>
						</tr>
						<tr>
							<td>操作人员帐号：{{shift.staffName}}</td>
							<td>操作时间：{{shift.opTime | date : 'yyyy-MM-dd HH:mm:ss'}}</td>
							<td>所属单位：{{organization.name}}</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<div class="col-lg-12">
			<div class="panel panel-default">
				<div class="panel-body">车辆信息</div>
			</div>
			<div class="table-responsive" style="margin-top: -20px">
				<table class="table table-striped b-t b-light">
					<thead>
						<tr>
							<th>车辆编号</th>
							<th>车辆状态</th>
							<th>座位类型</th>
							<th>总座位数</th>
							<th>可售票数</th>
							<th>车牌号</th>
							<th>是否公车</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-show="vehicle!=null">
							<td>{{vehicle.code}}</td>
							<td><span ng-if="vehicle.status==0">未启用</span> <span
								ng-if="vehicle.status==1">正常</span> <span
								ng-if="vehicle.status==2">暂停使用</span></td>
							<td>{{vehicle.model}}</td>
							<td>{{vehicle.seats}}</td>
							<td>{{vehicle.tickets}}</td>
							<td>{{vehicle.plate}}</td>
							<td><span ng-if="publicFlag">是</span> <span
								ng-if="!publicFlag">否</span></td>
						</tr>
						<tr ng-show="vehicle==null" >
						    <td  style="text-align: center;" colspan="7">暂无车辆信息</td>
						</tr>
					</tbody>
				</table>

			</div>
		</div>

		<div class="col-lg-12">
			<div class="panel panel-default">
				<div class="panel-body">司机信息</div>
			</div>
			<div class="table-responsive" style="margin-top: -20px">
				<table class="table table-striped b-t b-light">
					<thead>
						<tr>
							<th>司机编号</th>
							<th>司机姓名</th>
							<th>司机手机号</th>
							<th>当前状态</th>
							<th>所属组织</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-show="driver!=null">
							<td>{{driver.code}}</td>
							<td>{{driver.name}}</td>
							<td>{{driver.phone}}</td>
							<td>{{driver.status | driverFilter }}</td>
							<td>{{driver.org.name}}</td>
						</tr>
						<tr ng-show="driver==null">
						    <td  style="text-align: center;" colspan="5">暂无司机信息</td>
						</tr>
					</tbody>
				</table>

			</div>
		</div>
		<div class="col-lg-12">
			<div class="panel panel-default">
				<div class="panel-body">线路信息</div>
			</div>
			<div class="table-responsive" style="margin-top: -20px">
				<table class="table table-striped b-t b-light">
					<thead>
						<tr>
							<th>类型</th>
							<th>站点城市</th>
							<th>站点名称</th>
							<th>站点详细地址</th>
							<th>站点状态</th>
							<th>上一站到当前站的里程</th>
							<th>上一站到当前站的时间</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="list in stationList">
							<td><span class="start" ng-if="list.station.type==1">起</span> <span
								class="up" ng-if="list.station.type==2&&!list.station.destination">上</span>
								<span class="down" ng-if="list.station.type==2&&list.station.destination">下</span>
								<span class="termina" ng-if="list.station.type==3">终</span></td>
							<td>{{list.station.station.city}}</td>
							<td>{{list.station.station.address}}</td>
							<td>{{list.station.station.addressMore}}</td>
							<td>
								<span ng-if="list.disabled" style="color: red">已屏蔽</span>
								<span ng-if="!list.disabled">正常</span>
							</td>
							<td>{{list.station.distance | number:1}}千米</td>
							<td>{{list.station.duration/60 |number:1}}小时</td>
						</tr>
					</tbody>
				</table>

			</div>
		</div>
	</div>
</div>
<style>
.start {
	width: 2.6rem;
	height: 2.6rem;
	line-height: 2.6rem;
	background-color: #49AAE6;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 1.3rem;
}

.termina {
	width: 2.6rem;
	height: 2.6rem;
	line-height: 2.6rem;
	background-color: #70D7C6;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 1.3rem;
}

.up {
	width: 2.6rem;
	height: 2.6rem;
	line-height: 2.6rem;
	background-color: #9AD0F1;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 1.3rem;
}

.down {
	width: 2.6rem;
	height: 2.6rem;
	line-height: 2.6rem;
	background-color: #BDECE3;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 1.3rem;
}
</style>